import React,{Component} from 'react';
import Header from '../../../system/header/Header';
import Adaptive from '../../../component/adaptive/Adaptive';
import Footer from '../../../component/footer/Footer';
import FooterMobile from '../../../component/footer-mobile/FooterMobile';
import CommonList from '../component/CommonList';
import './example.less'
const prefix = "example";
class Example extends Component{
    render(){
        return(
            <div className={prefix}>
                <Header refName="custom" childNodes="custom-a" imgUrl={require('../../img/example.jpg')} mobileImg={require('../../../component/mobileBanner/banner3.jpg')}/>
                <div className={prefix+'-container'}>
                    <Adaptive desktop={<CommonList category={4} contentStyle={{width:'1000px'}} isReferral={true}/>} phone={<CommonList category={4} isReferral={true}/>} size={1200}/>

                </div>
                <Adaptive desktop={<Footer/>} phone={<FooterMobile/>} size={1200}/>
            </div>
        )
    }
}
export default Example;